<html>
    <head>
        <title>Table Free-使用说明书</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" media="all" href="common.css"></link>
    </head>
    <body>
        <div class="fr-fullscreen">
            <div class="fr-admin-top">
                <span class="fr-col-3 fr-align-center fr-vlign-middle"><img height="80%" src="logo.png"></span>
                <span class="fr-col-9 fr-align-center fr-txt-bold-32 fr-vlign-top headline">TableFree管理系统</span>
            </div>
            <div class="fr-admin-middle">
                <div class="fr-admin-menu">
                    <ul>
                        <li><a href="network.html">网络配置</a></li>
                        <li><a href="user.html">用户管理</a></li>
                        <li><a href="control.html">控制端口设置</a></li>
                        <li><a href="upgrade.html">系统升级</a></li>
                        <li class="active"><a href="javascript:;">使用说明书</a></li>
                    </ul>
                </div>
                <div class="fr-admin-main">
                    <div class="fr-admin-description fr-align-center">
                        使用说明书
                    </div>
                </div>
                <div class="fr-clear"></div>
            </div>
            <div class="fr-admin-bottom fr-align-center" id="status_bar">
                <span class="fr-col-3"><i class="fa"></i> <span id="status_ip">IP:</span></span>
                <span class="fr-col-2"><i class="fa"></i> <span id="status_text">Online</span></span></span>
                <span class="fr-col-2"><i class="fa"></i> <span id="status_username"></span></span>
                <span class="fr-col-3"><i class="fa"></i> <span id="status_time"></span></span>
            </div>
        </div>
        
        <script type="text/javascript" src="jquery.1.11.3.mini.js"></script>
        <script type="text/javascript" src="common.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //切换菜单
                $('.fr-admin-menu>ul>li').on('click', function(){
                    $('.fr-admin-menu>ul>li.active').removeClass('active');
                    $(this).addClass('active');
                    $('.fr-admin-main>div').hide();
                    $('.fr-admin-main>' + $(this).data('target')).show();
                })
                //添加用户
                $('#add_user_btn').on('click', function(){
                    popup.showContent('添加新用户', $('#add-user-html').html(),function(){
                        var data = {
                                    account: $.trim($('input[name=account]', this).val()),
                                    passwd: $.trim($('input[name=passwd]', this).val()),
                                    role: $(':radio[name=role]', this).val(),
                                   }
                        return true;
                    })
                })
                document.getElementById('file').onchange = function(){
                    $('#filepath').text(this.files[0].name);
                }
                //选择文件爱你
                $('.fr-file-selector').on('click', function(){
                    var file = document.getElementById('file').click();
                })
            })
        </script>
    </body>
    </html>